export const theme = {
  // 黑金玻璃现代风格配色
  colors: {
    // 主色调 - 黑色系
    background: '#000000',
    backgroundDark: '#0a0a0a',
    backgroundLight: '#1a1a1a',
    
    // 金色系
    primary: '#D4AF37',      // 古典金
    primaryLight: '#FFD700', // 明亮金
    primaryDark: '#B8860B',  // 暗金
    
    // 玻璃效果背景
    glass: 'rgba(255, 255, 255, 0.05)',
    glassDark: 'rgba(0, 0, 0, 0.3)',
    glassLight: 'rgba(255, 255, 255, 0.1)',
    
    // 文本颜色
    text: '#FFFFFF',
    textSecondary: '#B0B0B0',
    textDim: '#707070',
    
    // 状态颜色
    success: '#4CAF50',
    warning: '#FFC107',
    error: '#F44336',
    info: '#2196F3',
    
    // 边框和分隔线
    border: 'rgba(212, 175, 55, 0.2)',
    divider: 'rgba(255, 255, 255, 0.1)',
    
    // 阴影
    shadow: 'rgba(212, 175, 55, 0.3)',
    shadowDark: 'rgba(0, 0, 0, 0.8)'
  },
  
  // 渐变色
  gradients: {
    primary: ['#D4AF37', '#FFD700'],
    dark: ['#000000', '#1a1a1a'],
    glass: ['rgba(255, 255, 255, 0.1)', 'rgba(255, 255, 255, 0.05)'],
    gold: ['#FFD700', '#D4AF37', '#B8860B']
  },
  
  // 字体大小
  fontSizes: {
    tiny: 10,
    small: 12,
    medium: 14,
    large: 16,
    xlarge: 20,
    xxlarge: 24,
    huge: 32,
    massive: 48
  },
  
  // 间距
  spacing: {
    xs: 4,
    sm: 8,
    md: 16,
    lg: 24,
    xl: 32,
    xxl: 48
  },
  
  // 圆角
  borderRadius: {
    small: 8,
    medium: 12,
    large: 16,
    xlarge: 24,
    round: 999
  },
  
  // 阴影
  shadows: {
    small: {
      shadowColor: '#D4AF37',
      shadowOffset: { width: 0, height: 2 },
      shadowOpacity: 0.2,
      shadowRadius: 4,
      elevation: 3
    },
    medium: {
      shadowColor: '#D4AF37',
      shadowOffset: { width: 0, height: 4 },
      shadowOpacity: 0.3,
      shadowRadius: 8,
      elevation: 5
    },
    large: {
      shadowColor: '#D4AF37',
      shadowOffset: { width: 0, height: 8 },
      shadowOpacity: 0.4,
      shadowRadius: 16,
      elevation: 8
    }
  }
};

// 玻璃效果样式
export const glassEffect = {
  backgroundColor: theme.colors.glass,
  borderWidth: 1,
  borderColor: theme.colors.border,
  backdropFilter: 'blur(10px)'
};
